
*{ margin:0; padding:0; } 
html,body{ height:100%; } 
body{ font-family:"microsoft yahei"; }
.swiper-container { width:16rem;margin:0 auto;height: 100%; background:#f0f0f0; }
.swiper-slide{ width:100%; height:100%;}
img{ display:block; }
.swiper-pagination-bullet { width: 0.7rem; 
    height: 0.7rem;
    background: #ffffff;
    border-radius: 1rem;
    opacity: 0.5;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #36c7b7;
}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
.ani{
	position:absolute;
	}
.txt{
	position:absolute;
}
#array{
	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;
}
 .logo{
    width: 100%;
    height: 1.5rem;
    display: block;
    margin-top: 1rem;
    margin-bottom: 2rem; 
}
 .logo .logo-image{
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    float: left;
    margin-left: 1rem;
    vertical-align: middle; 
     margin-top: 0.19rem;
}

.logo .logo-banner {
    width: 3.2rem;
    height: 1.5rem;
    font-size: 1.05rem;
    color: #36c7b7;
     float: left;
    display: block;
    margin-left: 0.5rem;
    vertical-align: middle;
    line-height: 1.5rem;
}

.logo-detail{
    width: 9rem;
    height: 1.5rem;
    font-size: 0.75rem;
    color: #36c7b7;
     float: left;
    vertical-align: middle;
    display: block;
    line-height: 1.5rem;
    padding-left: 0.2rem;
}

 .direction{
    width: 16rem;
   padding-bottom: 1rem;
    text-align: center;
    
}

.direction .thme{
    width: 10rem;
    height: auto;
    display: block;
    margin: 0 auto;
    
}
.direction .thme-video{
    width: 10rem;
    height: 12rem;
    display: block;
    margin: 0 auto;
    background-image: url(../images/video.png);
    background-size:contain;
    background-repeat: no-repeat;
    
}


.swiper-slide2 .logo-detail{
     width: 9rem;
    height: 1.5rem;
    font-size: 0.75rem;
    color: #36c7b7;
     float: left;
    vertical-align: middle;
    display: block;
    line-height: 1.5rem;
    padding-left: 0.5rem;
}
 .download{
    width: 100%;
    height: 3rem;
}
.download .download-logo{
    width: 80%;
    height: 3rem;
    margin: 0 auto;
    
}
.download-logo a{
     width: 47%;
    height: 2rem;
    float: left;
     margin-top: 0.5rem;
}

.download-logo .download-logo-image{
    width: 100%;
    height: 2rem;
    display: block;
    
   
}
.download-logo-image2{
    margin-left: 6%;
}
#video{
    width: 10rem;
    height: 7.5rem;
    position: relative;
    top: 2rem;
    display: none;

}

/*遮罩层样式*/
        .loading-indicator{ position: absolute; top:0rem;width: 100%; height: 100%; z-index: 1000; background:black; opacity: 0.7; display:none; }
        .indicator{ position:absolute; width:100%; top:0px;z-index: 1222; }
        .indicator .img1{ width:100%; display:none; }
        .indicator .img2{ width:100%; display:none; }
        .ovfHiden{overflow: hidden;height: 100%;}
